<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>树形结构图</title>
    <script type="text/javascript" src="../../jQuery/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../js/tree.js"></script>
    <link rel="stylesheet" href="../css/tree.css">
    <style>
        .main {
            width: 30%;
        }
    </style>
</head>
<body>
<div class="main">
    <div class="tree">
        <div class="foldContent">
            <ul class="level">
                <li class="fold active">
                    <a data-index="1">广东电网公司</a>
                    <div class="foldContent">
                        <ul class="level">
                            <li class="fold active">
                                <a data-index="2">茂名供电局</a>
                                <div class="foldContent">
                                    <ul class="level">
                                        <li class="fold active">
                                            <a data-index="8">茂名高州供电局</a>
                                            <div class="foldContent">
                                                <ul class="level">
                                                    <li class="unfold"><a data-index="15">党建人事部</a></li>
                                                    <li class="unfold"><a data-index="18">综合服务中心</a></li>
                                                    <li class="unfold"><a data-index="21">供电服务中心</a></li>
                                                </ul>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="unfold"><a data-index="5">财务部</a></li>
                            <li class="unfold"><a data-index="6">人力资源部</a></li>
                            <li class="unfold"><a data-index="7">信息部</a></li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>